/**
 * @author 杨执信
 * @component 作者信息组件
*/
import { Avatar, Divider } from 'antd'
import { QqOutlined, GithubFilled, WechatOutlined } from '@ant-design/icons'
import styles from '../../styles/conponents/avatar.module.css'

export const Author = () => {
    return (
        <div className={styles.author_div}>
            <div>
                <Avatar size={100} src="https://i.loli.net/2021/10/18/rVmBqE6F9KdTi8y.jpg"></Avatar>
            </div>
            <div className={styles.author_introduction}>
                前端入门努力学习中，面向大厂学习，为未来的美好生活奋斗，加油！
                <Divider>社交账号</Divider>
                <Avatar size={28} icon={<GithubFilled />} className={styles.account} />
                <Avatar size={28} icon={<QqOutlined />} className={styles.account} />
                <Avatar size={28} icon={<WechatOutlined />} className={styles.account} />
            </div>
        </div>
    )
}

